html{font-size: 14px;}
body{background: #F2F3F5;font:1.0rem/1.5 "微软雅黑";width: 100%;margin: 0;color:#818D9D;}
*,body{-webkit-box-sizing: border-box;box-sizing: border-box;}
ul,ol,li{list-style: none;margin: 0;padding: 0;}
div,dl,dt,dd,span,strong,ol,li,table,td,tr,th{margin: 0;padding: 0;}
.bgray{background:#BBBBBD;}
.bred{background:#FF7880;}
.borange{background:#FF8F53;}
.bblue{background:#3FBFFF;}
.bgreen{background:#61E461;}
.bff{background: #fff;}
.cf7{color:#FF7880;}
.c4a{color: #4AD94A;}
.c0a{color: #00AAFF;}
.c33{color: #333;}
.c00{color: #000;}
.mt8{margin-top:0.8rem;}
.ov{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
em,u,strong{font-style: normal;font-weight: 100;}
i.icon{display:inline-block;width:0.8rem;height: 0.8rem;margin-right:6px;border-radius:3px;}
.lh2{line-height: 2.0rem;}
.report-title{height:2.8rem;line-height:2.8rem;padding:0 0.8rem 0 1.5rem;position: relative;color: #000;}
.report-title:before{display: block;content: "";width:3px;height:0.8rem;background:#00AAFF;position: absolute;left:0.8rem;top:0.85rem;border-radius:20%;}
.report-title .mui-icon{font-size:1.3rem;margin-left: 0.3rem;color: #00AAFF;}
.mui-navigate-right:after{right:0.8rem;color: #818D9D;font-size:1.4rem;}
.tix-btn button{display: block;width:80%;margin:1.0rem auto 0;background: #00AAFF;border-color:#00AAFF;border-radius:0.4rem;}
.mui-table-view-cell .name{color: #333;}
.mui-btn-blue, .mui-btn-primary, input[type=submit]{background: #00AAFF;border-color:#00AAFF;}
/*班级详情*/
.list_tis{padding-bottom:1.0rem;}
#list{padding:0.8rem 0.8rem 1.0rem;}
#tableList{border-collapse:collapse;border-right:1px solid #eee;}
/*#tableList table{border:1px solid #ccc;}*/
#tableList td,#tableList th{width: 20%;text-align: center;margin: 0;padding: 0;font-size:0.9rem;}
#tableList th{background: #f3fbff;height:2.0rem;border:1px solid #eee;border-bottom: none;font-weight: normal;}
#tableList td table{width: 100%;border-collapse:collapse;}
#tableList td td{width: 100%;border:1px solid #eee;height:2.7rem;padding:0 3px;border-right: none;}
#tableList td td .name{width:4.2rem;font-size: 12px;
-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;line-height: 135%;height: 2.5rem;vertical-align: middle;text-align: center;
display: -webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
-webkit-box-orient: vertical;
}
#tableList tfoot td{padding:0.6rem 0.6rem 0.2rem;border:1px solid #eee;border-top: none;text-align: left;}
#tableList tfoot span{display: inline-block;width:32%;margin-bottom:0.4rem;}
#tableList tfoot span:last-child{width: 65%;}

/*活跃情况*/
.tableList th,.tableList td{width: 20%;text-align: center;padding:0.8rem 0;font-size:0.9rem;}
.tableList th{color: #BBBBBD;}
.tableList td{padding:1.0rem 0;border-top:1px solid #eee}

/*使用情况*/
#usageList{padding-bottom:1.5rem;}
#photoList .tix-btn button{position: fixed;left: 0;bottom: 0;z-index: 899;border-radius: 0;width: 100%;margin: 0;}
.usageList .mui-table-view-cell{padding:0.8rem 0.8rem 0.8rem 3.0rem;}
.usageList .mui-table-view:before,#usageList .mui-table-view:after{display: none;}
.usageList .mui-table-view-cell:after{left: 0;background-color: #eee;}
.usageList .mui-table-view-cell>a:not(.mui-btn){margin: 0;padding: 0;position:initial;}
.usageList .num{position: absolute;left:0.8rem;top: 50%;margin-top: -0.7rem;}
.usageList .attention{font-size: 0.9rem;margin:0.2rem 0 0.3rem;}
.usageList .attention-num{padding-left: 0.4rem;}
.usageList .attentionNum{margin-right:2.0rem;}
.usageList .attentionNum span{font-size: 0.9rem;display: inline-block;width: 20%;}
.usageList .photoList-tis{text-align: left;padding:0.8rem 0.8rem 0;}
.usageList .reportNone .mui-navigate-right:after{display: none;}
.usageList .reportNone button{right: 0.8rem !important;}
#activeClass{padding-bottom:1.0rem;}
#activeClass .photoList-tis{border-top: none;text-align: center;}
#activeClass .mui-table-view:after{height: 0;}
.reportList .num{display:inline-block;width: 1.2rem;height: 1.575rem;text-align: center;line-height: 1.575rem;font-size: 0.9rem;font-weight:bold;}
.reportList .reportLt:nth-child(1) .num{font-size: 0;background: url(../images/icon1.png) no-repeat center;background-size:100%;}
.reportList .reportLt:nth-child(2) .num{font-size: 0;background: url(../images/icon2.png) no-repeat center;background-size:100%;}
.reportList .reportLt:nth-child(3) .num{font-size: 0;background: url(../images/icon3.png) no-repeat center;background-size:100%;}

#activeStudent{padding-bottom: 1.0rem;}
#activeStudent .mui-navigate-right:after{display: none;}
#activeStudent .mui-table-view:after{height: 0;}
/*相册发布情况*/

#photoList .report-title{background:#f1bab9;color:#9c5c5b;padding:0 0.8rem;}
#photoList .report-title:before{display: none;}
#photoList thead th:first-child{width: 12%;}
#photoList tbody td:first-child{width: 12%;}
#photoList thead th:nth-child(2){text-align: left;padding-left:1.5rem;}
#photoList tbody td:nth-child(2){text-align: left;padding-left:1.0rem;}
.photoList-tis{border-top:1px solid #eee;padding:1.0rem 0 0;text-align: center;font-size: 0.9rem;color:#BBBBBD;}
.reportNone div{text-align: left;}
/*0110需要改*/
.reportNone .time{font-size: 0.9rem;color: #BBBBBD;}
.reportNone .mui-btn{padding:4px 0;font-size: 0.9rem;width: 4.5rem;}
.reportNone .noneIcon{display:inline-block;width:1.3rem;height: 1.3rem;background: url(../images/icon_warning.png) no-repeat center;background-size: 100%;}


/*相册发布排行展示*/
#photoRanking{padding: 1.0rem 0.8rem;}
.photoRanking-list li{display: flex;display: -webkit-flex;justify-content: space-between;padding:1.2rem 0;}
.photoRanking-list .list-imt{width:5.5rem;height:5.5rem;}
.photoRanking-list .list-imt img{width:5.0rem;height:5.0rem;}
.photoRanking-list .list-content{margin:0.4rem 0 0 0.5rem;flex: 1;}
/*.photoRanking-list .list-content .icon{color: #fff;}*/
.photoRanking-list .list-content .text,.photoRanking-tis{font-size: 0.9rem;}
.photoRanking-tis{text-align: center;margin-top: 1.0rem;}

/*班级使用情况*/
/*0109*/
#activationVs{padding-top:0.8rem;}

.activationVs-schoolInfo{padding:0 1.2rem 0.8rem;}
.activationVs-schoolInfo ul{width: 33.3%;float: left;text-align: center;position: relative;}
.activationVs-schoolInfo .imt img{display: block;width: 5.0rem;height: 5.0rem;margin: 0 auto;border: 0.25rem solid #FFEBD5;border-radius: 50%;}
.activationVs-schoolInfo .rankNum{color: #333;margin:-1.0rem 0 0.2rem;background: url(../images/icon_beij.png) no-repeat center top;background-size: 100%;position: relative;z-index: 2;color: #247AA4;font-size: 0.9rem;height:2.0rem;}
.activationVs-schoolInfo .schoolName{line-height: 120%;color: #333;}
.activationVs-schoolInfo .rank-imt{padding-top:1.5rem;}
.activationVs-schoolInfo .rankClassInfo:after{display: block;content:'';width:1.7rem;height:1.65rem;background: url(../images/icon-crown.png) no-repeat center;background-size: 100%;position: absolute;left: 50%;top:-0.7rem;margin-left:0.5rem;}
/*0109*/
.activationVs-tix{text-align: center;color:#3FBFFF;margin-top: 0.5rem;}
.activationVs-tix span{display: inline-block;}
.activationVs-tix .tix-jh{height:1.6rem;line-height: 1.6rem;margin-left: 1.5rem;}
.activationVs-tix .tix-btn{width: 1.2rem;height:1.2rem;background:url(../images/icon5.png) no-repeat center top;background-size: 100%;vertical-align: middle;margin-top: -2px;}
/*重置mui选中样式*/
.tanc-changeWay .mui-btn-primary.mui-active:enabled, .tanc-changeWay .mui-btn-primary:enabled:active{border:0 !important;color:#0062CC;}

.rank-num li{margin-top:0.7rem;font-size: 0.9rem;}
.rank-num li .tet{padding:2px 0;display: block;}
.rank-num li .num{background: #ddd;width:80%;margin:0 auto;border-radius:1.0rem;}
/*按钮样式*/
.btnContent{position: fixed;width: 100%;left: 0;bottom: 0;background: #fff;padding:0.8rem 0;border-top:1px solid #ccc;}
.btnContent .mui-btn{padding:8px 0;width:80%;margin: 0 auto;display: block;}

/*弹窗样式*/
.tanc-beij{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.3);z-index: 999;}
.tanc{position: fixed;left:10%;top:28%;border:1px solid #eee;width: 80%;border-radius:10px;background: #fff;padding:1.0rem;z-index: 9999;}
.way-title{font-size: 1.3rem;text-align: center;font-weight: bold;}
.way-text{font-size: 1.1rem;margin:1.0rem 0;line-height:1.4;}
.way-list{text-align: center;margin-bottom: 1.0rem;}
/*.way-lt{display: inline-block;width:4.0rem;height:4.0rem;margin:0 1.0rem;line-height: 4.0rem;border-radius: 50%;border:1px solid #eee;}*/
.way-btn{text-align: center;}
.way-btn button{margin:0 1.0rem;}
.way-close{position: absolute;right:0;top:0.5rem;}
.way-close .mui-icon{font-size: 2.5rem;}

/*颜色说明弹窗*/
.tanc-explain{width:64%;left:18%;}
.explain-title{margin-bottom: 0.5rem;color: #000;}
.explain-list>div{margin-bottom: 0.5rem;}
.explain-btn button,.tanc-schoolActive button{width: 100%;}

/*学校活跃情况*/
.activeSchoolInfo{padding:0 0.8rem 0.8rem;}
.schoolInfo-num{text-align: center;width:35%;margin-top:2.0rem;border-right:1px solid #eee;font-size: 0.9rem;height:5.45rem;display: flex;display: -webkit-flex;align-content: center;flex-wrap:wrap;}
.schoolInfo-num .numTop{font-size:2.0rem;width: 100%;display: flex;display: -webkit-flex;align-items: center;justify-content: center;color:#00AAFF;font-size: 3.2rem;position: relative;}
.schoolInfo-num .numTop.flow:after{display: inline-block;content:'';width:1.21rem;height:1.41rem;background:url(../images/icon-flow.png) no-repeat center;background-size: 100%;margin-left:0.5rem;}
.schoolInfo-num .numText{width: 100%;}
.schoolInfo-text{width:65%;padding:0 2.0rem 0 1.5rem;}
.schoolInfo-text .yesterday{margin-top: 1.5rem;}
.schoolInfo-text .text{margin:0.3rem 0;}
.schoolInfo-text strong{display:block;position: relative;padding-left: 1.2rem;}
.schoolInfo-text strong:before{display: block;content: '';width:5px;height:5px;background: #62D2FC;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -2px;}
/*学校活跃情况弹窗*/
.tanc-schoolActive .mui-table-view:before,.tanc-schoolActive .mui-table-view:after,.tanc-schoolActive .mui-table-view-cell:after{height: 0;}
.tanc-schoolActive .mui-table-view-cell:first-child{padding-top: 0}
.tanc-schoolActive button{margin-top: 0.8rem;}
.tanc-schoolActive .mui-table-view-cell{padding:0 0 1.0rem 0;}

/*昨日照片发布情况*/
#yesterdayPhoto{padding-bottom: 0.8rem;}
.yesterdayPhoto-title{padding:0 0.8rem;}
.yesterday-content{padding:0 0.8rem;}
.yesterdayPhoto-list{margin-left:-3%;}
.yesterdayPhoto-list li{float: left;width:30.3%;height:2.0rem;line-height: 2.0rem;color: #333;background:#ea8d8e;margin:0.8rem 0 0 3%;text-align: center;}
.yesterdayPhoto-btn button{width: 100%;}
.yesterdayPhoto-list li.btn-more{background:#7fb8f7;}


.tanc-changeWay{padding: 0;}
.way-title{font-weight: normal;font-size:1.2rem;color: #333;padding-top:1.5rem;}
.way-content{border-bottom: 1px solid #eee;}
.way-text{padding:0 1.0rem;}
.way-list{display: flex;display: -webkit-flex;margin:0 1.0rem 1.0rem;justify-content:space-between;}
.way-lt{width:4.5rem;height:4.5rem;border: 1px solid #DBDEE3;border-radius:50%;text-align: center;line-height: 4.5rem;color: #333;position: relative;}
.way-lt.active:after{display: block;content:"";width:1.4rem;height: 1.45rem;background:url(../images/icon4.png) no-repeat center;background-size: 100%;position: absolute;right: 0;bottom: 0;}
.way-btn{display: flex;display: -webkit-flex;justify-content:space-between;}
.way-btn button{margin: 0;display: block;width: 50%;border: none;border-radius: 0;padding:0.8rem 0;color: #00AAFF;font-size:1.2rem;background: none !important;}
.way-btn button.btn-close{border-left:1px solid #eee;}

/*上周相册发布情况*/
.RankingOutList{padding:0 0.8rem 0.8rem;}
.RankingOutList .photoRanking-list{display: flex;display:-webkit-flex;justify-content: space-between;}
.RankingOutList .photoRanking-list li{display: block;padding: 1.0rem 0;text-align: center;}
.RankingOutList .photoRanking-list .list-content .text{display: none;}
.RankingOutList .photoRanking-list .list-content{margin: 0;padding: 0;}
@media only screen and (max-width:355px) {
	html{font-size: 13px;}
	#tableList td td .name{width: 4.5rem;}
}

@media only screen and (max-width:340px) {
	html{font-size: 12px;}
	#tableList td td .name{width: 4.0rem;}
	.activationVs-schoolInfo{padding:0 0.2rem 0.8rem;}
	.activationVs-schoolInfo .rank-text{padding:0 0.8rem;}
}